<%@ page import="Arkkomeet.Minuta"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="layout" content="main" />
<script type="text/javascript"
	src="<g:createLinkTo dir='js' file='minuta.js'/>"></script>
</head>
<body>
	<div class="divContenedor">
		<div class="divParrafo">
			<p>Ingrese los datos correspondientes a la minuta que desea
				crear.</p>
		</div>
		<div class="divRepMin">
			<div class="divCheck" style="margin-right: 5px">
				<input name="" type="checkbox" /> Lecciones aprendidas extraidas
			</div>
			<img src="${resource(dir: 'images', file: 'email_go.png')}"
				width="16" height="16" />   <g:link url="[action:'abrirPaginaEmail',controller:'User']"  
				title="Enviar minuta">Enviar minuta por Email</g:link> <img
				src="${resource(dir: 'images', file: 'pdf 16.png')}" width="16"
				height="16" /> <a
				href="C:\Users\Jesus\Desktop\arkkomeet\reportes\2. Minuta.pdf"
				title="Generar reporte de minuta" target="_blank">Reporte de
				minuta</a> <img src="${resource(dir: 'images', file: 'pdf 16.png')}"
				width="16" height="16" /> <a
				href="C:\Users\Jesus\Desktop\arkkomeet\reportes\1. Agenda.pdf"
				title="Generar reporte de agenda" target="_blank">Reporte de
				agenda</a>
		</div>
		<div class="accordion">
			<h3>Encabezado de Minuta</h3>
			<div class="divParaAcordeon" style="height: 250px">
				<g:form action="save">
					<g:render template="encabezado" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq"></div>
						<div class="divContDerPeq">
							<g:submitButton title="Guardar" name="btnAceptarEncMin"
								class="btnDer" value="Guardar" id="btnAceptarEncMin" />
						</div>
					</div>
				</g:form>
			</div>

			<h3>Participantes de la Reuni&oacute;n</h3>
			<div class="divParaAcordeon" style="height: 300px">
				<g:form controller="Minuta" action="agregarParticipante">
					<g:render template="participantes" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq">
							<g:submitButton action="agregarParticipante" controller="Minuta"
								name="btnAgregarPartMin" class="btnIzq" title="Agregar"
								value="${message(code: 'default.button.add.label', default: 'Create')}" />
						</div>
						<div class="divContDerPeq"></div>
					</div>
				</g:form>
				<div class="divTabla">
					<table class="tab">
						<thead>
							<tr>
								<g:sortableColumn property="id"
									title="${message(code: 'catalogoParticipante.catPartNombre.label', default: 'Opción')}" />
								<g:sortableColumn property="catPartNombre"
									title="${message(code: 'catalogoParticipante.catPartNombre.label', default: 'Nombre')}" />
								<g:sortableColumn property="catPartApellido1"
									title="${message(code: 'catalogoParticipante.catPartApellido1.label', default: 'Primer Apellido')}" />
								<g:sortableColumn property="catPartApellido2"
									title="${message(code: 'catalogoParticipante.catPartApellido2.label', default: 'Segundo Apellido')}" />
								<g:sortableColumn property="asistencia"
									title="${message(code: 'participanteXMinuta.asistencia.label', default: 'Asistencia')}" />
							</tr>
						</thead>
						<tbody>
							<g:each in="${listParticipantes}" status="i" var="participante">
								<tr class="${(i % 2) == 0 ? 'even' : 'odd'}">
									<td><g:link action="quitarParticipante" title="Quitar participante"
											controller="Minuta" id="${participante.id}">Quitar</g:link></td>
									<td>
										${fieldValue(bean: participante, field: "catPartNombre")}
									</td>
									<td>
										${fieldValue(bean: participante, field: "catPartApellido1")}
									</td>
									<td>
										${fieldValue(bean: participante, field: "catPartApellido2")}
									</td>
									<td><g:select class="cbx" name="cbxAsistencia"
											id="cbxAsistencia" keys="${[1,2,3]}"
											from="${['Presente', 'Ausente', 'Ausencia Justificada']}" />
									</td>
								</tr>
							</g:each>
						</tbody>
					</table>
					<%--<div class="pagination">
						<g:paginate total="${catalogoParticipanteInstanceTotal}" />
					</div>
				--%>
				</div>
				<div class="divContenidoIzq">
					<div class="divContIzqPeq"></div>
					<div class="divContDerPeq"></div>
				</div>
				<div class="divContenidoDer">
					<div class="divContIzqPeq"></div>
					<div class="divContDerPeq">
					<g:form controller="Minuta" action="guardarParticipantes">
						<g:submitButton title="Guardar" name="btnAceptarParticipantes"
							class="btnDer" value="Guardar" id="btnAceptarParticipantes" 
							controller="Minuta" action="guardarParticipantes"/>					
					</g:form>						
					</div>
				</div>
			</div>

			<h3>Agenda de la Reuni&oacute;n</h3>
			<div class="divParaAcordeon" style="height: 300px">
				<g:form action="agregarAsunto" controller="Minuta">
					<g:render template="agenda" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq">
							<g:submitButton title="Agregar" name="btnAgregarAsunto" class="btnIzq" value="Agregar"/>
						</div>
						<div class="divContDerPeq"></div>
					</div>
				</g:form>
				<div class="divTabla">
					<table>
						<thead>
							<tr>
								<g:sortableColumn property="asunAsunto"
									title="${message(code: 'asunto.asunAsunto.label', default: 'Opción')}" />

								<g:sortableColumn property="asunId"
									title="${message(code: 'asunto.asunId.label', default: 'Asunto a tratar')}" />

								<th><g:message code="asunto.minuta.label" default="Minuta" /></th>

							</tr>
						</thead>
						<tbody>
							<g:each in="${listAsuntos}" status="i"
								var="asuntoInstance">
								<tr class="${(i % 2) == 0 ? 'even' : 'odd'}">
									<td><g:link action="eliminarAsunto" controller="Minuta"
											id="${asuntoInstance.id}" title="Eliminar Asunto">
										</g:link>Eliminar | <g:link action="editarAsunto" controller="Minuta"
											id="${asuntoInstance.id}" title="Editar Asunto">
										</g:link> Editar</td>
									<td>
										${fieldValue(bean: asuntoInstance, field: "asunAsunto")}
									</td>
								</tr>
							</g:each>
						</tbody>
					</table>
					<%--<div class="pagination">
						<g:paginate total="${asuntoInstanceTotal}" />
					</div>
				--%>
				</div>
			</div>

			<h3>Acuerdos Tomados</h3>
			<div class="divParaAcordeon" style="height: 510px">
				<g:form action="save">
					<g:render template="acuerdos" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq"></div>
						<div class="divContDerPeq">
							<g:submitButton title="Guardar" name="bntAceptarAcTom"
								class="btnDer" value="Guardar" id="bntAceptarAcTom" />
						</div>
					</div>
				</g:form>
				<!-- 
				tabla de acuerdos tomados
				 -->
			</div>

			<h3>Cierre de Reuni&oacute;n</h3>
			<div class="divParaAcordeon" style="height: 200px">
				<g:form action="save">
					<g:render template="cierre" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq"></div>
						<div class="divContDerPeq">
							<g:submitButton title="Guardar" name="btnAceptarCierreReu"
								class="btnDer" value="Guardar" id="btnAceptarCierreReu" />
						</div>
					</div>
				</g:form>
			</div>

			<h3>Pr&oacute;xima Reuni&oacute;n</h3>
			<div class="divParaAcordeon" style="height: 200px">
				<g:form action="save">
					<g:render template="proxima" />
					<div class="divContenidoDer">
						<div class="divContIzqPeq"></div>
						<div class="divContDerPeq">
							<g:submitButton title="Guardar" name="btnAceptarProxReu"
								class="btnDer" value="Guardar" id="btnAceptarProxReu" />
						</div>
					</div>
				</g:form>
			</div>

			<h3>Archivos Adjuntos</h3>
			<div class="divParaAcordeon" style="height: 300px">
				<g:form action="save">
				<div class="divContenidoIzq">
						<div class="divContIzqPeq">
<%--							<g:field name="txt" type="number"--%>
<%--								value="${minutaInstance?.minRevisionParaLecciones}" />--%>

							<g:submitButton title="Examinar" name="btnExaminar"
								value="Examinar" id="btnExaminar" type="file" />
						</div>
						<div class="divContDerPeq">
							<g:submitButton title="Adjuntar archivo"
								name="btnAdjuntarArchivo" class="btnDer"
								value="Adjuntar archivo" id="btnAdjuntarArchivo" />
						</div>
					</div>
					<g:render template="archivos" />
				</g:form>
			</div>
		</div>
	</div>
</body>
</html>